/**
 * @component el-time-picker-pro
 */
:root {
  --el-time-picker-width: 240px;
  --el-time-picker-panel-width: 280px;
  --el-time-picker-input-height: var(--el-comp-size-xs);
  --el-time-picker-container-top: calc(var(--el-time-picker-input-height) + 2px);
  --el-time-picker-font: var(--el-font-body-medium);
  --el-time-picker-panel-body-height: calc(calc(var(--el-time-picker-panel-item-height) + var(--el-time-picker-panel-item-margin-vertical)) * 7 + var(--el-time-picker-panel-item-margin-vertical));
  --el-time-picker-panel-item-height: var(--el-comp-size-xs);
  --el-time-picker-input-item-input-width: 28px;
  --el-time-picker-input-item-input-meridiem-width: 36px;
  --el-time-picker-background-color-common: transparent;
  --el-time-picker-input-border-color-hover: var(--el-brand-color);
  --el-time-picker-input-text-color: var(--el-text-color-primary);
  --el-time-picker-input-color-disabled: var(--el-text-color-disabled);
  --el-time-picker-input-color-focused: var(--el-brand-color);
  --el-time-picker-panel-input-color: var(--el-text-color-primary);
  --el-time-picker-panel-input-placeholder-color: var(--el-text-color-placeholder);
  --el-time-picker-panel-item-color: var(--el-text-color-secondary);
  --el-time-picker-panel-item-color-hover: var(--el-text-color-primary);
  --el-time-picker-panel-item-color-current: var(--el-brand-color);
  --el-time-picker-panel-item-background-color-current: var(--el-brand-color-light);
  --el-time-picker-panel-item-background-color-active: var(--el-bg-color-container-hover);
  --el-time-picker-panel-dropdown-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  --el-time-picker-input-border: 1px solid var(--el-border-level-2-color);
  --el-time-picker-input-border-active: 1px solid var(--el-brand-color);
  --el-time-picker-input-border-disabled: 1px solid var(--el-border-level-2-color);
  --el-time-picker-panel-section-padding: var(--el-pop-padding-xl) calc(var(--el-pop-padding-xl) - var(--el-time-picker-panel-item-margin-horizontal));
  --el-time-picker-panel-footer-padding: var(--el-pop-padding-xl);
  --el-time-picker-panel-item-border-radius: var(--el-radius-default);
  --el-time-picker-panel-item-margin-vertical: var(--el-size-3);
  --el-time-picker-panel-item-margin-horizontal: var(--el-comp-margin-xs);
  --el-time-picker-panel-item-margin: var(--el-time-picker-panel-item-margin-vertical) var(--el-time-picker-panel-item-margin-horizontal);
  --el-time-picker-input-shadow-active: 0 0 2px 2px var(--el-brand-color-focus);
}
